import { ref, computed } from "vue";
/**
 * export default默认导出
 * export default +值
 * 值可以包含： 函数、对象、变量-->不需要命名，默认导出
 * import接收可以随便写的名称  import useSum from 'xxx'
 *
 *export + 值
 * 值可以包含： 函数、对象、变量 --->要命名
 *import { useSum } from 'xxx'
 *
 * @returns
 */
// export default function () {
//   let sum = ref(0);
//   function add() {
//     sum.value += 1;
//   }
//   return { sum, add };
// }
export function useSumFn() {
  let sum = ref(0);
  function add() {
    sum.value += 1;
  }
  //computed计算属性，hook里面可以放入组件的任何东西，包含生命周期等
  let bigSum = computed(() => {
    return sum.value * 10;
  });
  return { sum, add, bigSum };
}
